﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script type="text/javascript"
            src="https://webapi.amap.com/maps?v=1.4.15&key=e38090e898896fd9af1eedc434ec02be"></script>
    <script src="purejs.js"></script>
    <script src="getLatInf.js"></script>
    <script src="forecast.js"></script>
    <title>ChatOnLine</title>
</head>
<body id="body">
<div class="wrapper">
    <div id="weather"></div>
    <div id="forecast-icon"></div>
    <button id="showforecast" onclick="showForecast()">未来天气</button>
    <div id="forecast"></div>
	<div class="container">
        <div class="left">
            <div class="top">
                <div >
                    <div class="accountImg" onclick="getAccount()">
                        <span class="tips">账号信息</span>
                        <span><h4 id="accountName" style=" position: absolute;color: white;left: 80px;top: 40px;font-family: 华文隶书"></h4></span>
                        <span><h4 id="accountId" style=" position: absolute;color: white;left: 80px;top: 60px;font-family: 华文隶书"></h4></span>
                    </div>
                </div>

                <div style="height: 5px; border-bottom: 1px solid gray"></div>
                    <input type="text" placeholder="Search" id="research"/>
                    <a href="#" class="search" onclick="researchFriends()"></a>
            </div>
            <ul class="people" id="p">
                <li class="person" data-chat="person1" value="0x7cb0DD9d327A93B62202EeE46560563192b5b967" onclick="getV(this);chatClick(this);cleanInf()">
                    <div style="width: 40px;height: 40px;float: left;" id="p1_img"></div>
                    <div>
                        <span class="name">Thomas Bangalter</span>
                        <span class="time">2:09 PM</span>
                        <span class="preview">I was wondering...</span>
                    </div>
                </li>
            </ul>
            <div id="addFriend" style="position: relative;margin-top: 10px; margin-left: 189px">
                <button class="btn" onclick="addFriend()">Add Friend</button>
            </div>
        </div>
        <div class="right">
            <div class="top"><span>To: <span class="name" id="name"></span></span></div>
            <div class="chat" data-chat="person1" id="chat">
                <div class="conversation-start" id="cs">
                    <div class="getEvent">
                        <button onclick="getEvent()" id="getEvent">获取历史信息</button>
                    </div>
                    <span id="nowtime">Today, 6:48 AM</span>
                </div>
                <div id="convo" data-from="Sonu Joshi">
                <ul class="chat-thread" id="ul">
                </ul>
            </div>
            </div>
            <div class="write">
                <a href="javascript:;" class="write-link attach" onclick="openAndCloseEncrypt()"></a>
                <input type="text" id="noteInput" name="noteInput"/>
                <a href="javascript:;" class="write-link smiley" onclick="showEmotion(20)" type=""></a>
                <a href="javascript:;" class="write-link send" onclick="addNote()"  ></a>
            </div>
        </div>
    </div>
<!--    发送表情-->
    <div id="emotion" class="emotion">
        <table id="table">

        </table>
    </div>
</div>
<div id="encode">

    <div style="" id="encry-title">为了您的信息安全我们建议你进行信息的加密！</div>
    <div id="encry-pub-pri-key">
        <div style="margin-right: 400px">公钥：</div>
        <textarea placeholder="公钥" id="pubkey" class="key" style="width: 350px;height: 50px"></textarea>
        <div style="margin-right: 400px">私钥：</div>
        <textarea placeholder="私钥" id="prikey" class="key" style="width: 350px;height: 100px"></textarea>
    </div>
    <div id="encry-btn">
        <button onclick="pruduceKey()">产生密钥</button>
        <button id="encrypt">加密</button>
        <button id="importkey" onclick="importkey()">导入密钥</button>
        <button id="storageKey" onclick="storageKey()">保存密钥</button>
    </div>
<!--    解密也就是将自己的公钥上传到合约中，让别人知道你的公钥，好向你发信息-->
</div>
<br>
<br>
<div style="text-align:center;margin:1px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p style="color: white">适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p style="color: white">来源：<a href="https://blog.csdn.net/YSS_33521" target="_blank" style="color: white">shanshan科技</a></p>
</div>
</body>
<script src="jquery.js"></script>
<script  src="chat.js"></script>
</html>